/* =================================================== */

/* Theme Name:dharla perdana
   Theme URI:http://dhf.web.id/
   Author:Muh. Dharla Perdana Samudra
   Version:2.1   */

/* =================================================== */
body {
  color:#555;
  text-shadow:0 1px 0 rgba(0,0,0,0.1);
  font:normal normal 13px/20px "Roboto_Regular","Roboto","Roboto Regular","Franklin Gothic Medium","Franklin Gothic Book","Lucida Sans","Lucida Sans Unicode",Helmet,Freesans,Sans-Serif;
  overflow-x:hidden;
  overflow-y:scroll;
}
#layout {
  background:url(../image/shadow.png);
  background:-moz-radial-gradient(center center,circle cover,hsla(0,0%,0%,.0) 0%,hsla(0,0%,3%,9) 100%)no-repeat;
  background:-webkit-gradient(radial,center center,0,center center,800,from(hsla(0,0%,0%,.0)),to(hsla(0,0%,3%,9)) );
  background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=1 );
  margin:0 !important;
  padding:0 !important;
}
#out-shadow {padding-top:70px;margin-bottom:40px;}
#main-wrapper {
  -moz-border-radius:3px;
  border-radius:3px;
  width:960px;
  height:100%;
  position:relative;
  text-align:left;
  margin:4px auto !important;
  display:block;

  color:#454545;
  border:1px solid #151515;
  border-top-color:#1e1e1e;
  border-bottom-color:#191919;
  -webkit-box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  -moz-box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  box-shadow:0 4px 3px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.4)inset;
  overflow:hidden;
  word-wrap:break-word;
}
.post {
  border-top:1px dotted #3c3c3c;
  border-bottom:1px dotted #3c3c3c;
  margin:.3em 0 25px;
  padding:0 13px;
}
.post-title {
  letter-spacing:0;
  border:1px dotted #3c3c3c;
  border-top-width:0;
  font:normal normal 146%/1.6 Alike,Georgia,"URW Bookman L",Serif;
  padding:3px 14px 5px;
  margin:0;
  -webkit-transition:all 0.26s ease-out;
  -moz-transition:all 0.26s ease-out;
  -ms-transition:all 0.26s ease-out;
  -o-transition:all 0.26s ease-out;
  transition:all 0.26s ease-out;
}
.post-title a,.post-title a:hover {
  text-decoration:none;
  color:inherit;
}
.post-title a:focus {outline:1px dotted;}
.post a img {
  padding:4px;
  background-color:#eee;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.post-body {
  border:1px dotted #3c3c3c;
  border-width:0 1px;
  padding:20px 14px;
}
.post-body figure img {
  border:none;
  background:none;
  padding:0;
  -webkit-box-shadow:0 0 3px rgba(0,0,0,.7);
  -moz-box-shadow:0 0 3px rgba(0,0,0,.7);
  box-shadow:0 0 3px rgba(0,0,0,.7);
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  display:block;
  margin:0 auto;
}
.post-body section {
  padding-top:30px;
  margin-top:-30px;
}
.post-body section footer {clear:both;}
.post-body .table-of-content,.post-body section .reference-breadcrumb {
  font-size:86%;
  padding:2px 5px;
  background-color:#f5f5f5;
}
.post-body .table-of-content {
  padding:10px 5px 5px;
  border:2px solid #eee;
}
.post-body .table-of-content ol,.post-body .table-of-content ul {margin-bottom:8px;}
.post-body ul.listing {
  font-size:10px;
  text-transform:uppercase;
}
.post-body ul.listing li {margin-bottom:0;}
.post-body ul.listing li.title {
  list-style:none;
  font-weight:bold;
  margin-left:-14px;
}
.post-body .ad-text {margin-bottom:30px;}
.post-footer {
  background-color:#3c3c3c;
  border:1px dotted #3c3c3c;
  border-bottom-width:0;
  font-size:80%;
  color:#666;
  text-transform:uppercase;
  font-weight:bold;
  padding:4px 14px;
}
.post-footer .span {margin-right:.3em;}

.comments {
  padding:2em;
  margin:0 2%;
  background-color:#2f2f2f;
  border:2px solid #666;
  -webkit-box-shadow:inset 0 0 7px black;
  -moz-box-shadow:inset 0 0 7px black;
  box-shadow:inset 0 0 7px black;
  color:white;
}
.comments .note,em[rel="note"] {
  display:block;
  padding:5px 10px;
  border:1px solid black;
  background-color:#222;
  background-image:-webkit-linear-gradient(#333,#222);
  background-image:-moz-linear-gradient(#333,#222);
  background-image:-ms-linear-gradient(#333,#222);
  background-image:-o-linear-gradient(#333,#222);
  background-image:linear-gradient(#333,#222);
  -webkit-box-shadow:0 0 0 1px #555;
  -moz-box-shadow:0 0 0 1px #555;
  box-shadow:0 0 0 1px #555;
  color:#ccc;
  font:normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Serif;
  text-shadow:0 1px 0 black;
}
.comments .note a,.comments .note code {font-size:100%;}
.comments img.incomment,.comments blockquote img.incomment {
  display:block;
  margin:2px auto 0;
}
.comments pre,i[rel="pre"],.comments blockquote,.comments b[rel="quote"] {margin:5px 0;}
.comments a {color:#5687B8;}
.comments a.allow,i[rel="anchor"] {font-size:97%;}
.comments code,i[rel="code"],#respond em {
  color:inherit;
  font:normal normal 12px/1.4 "Courier New",Courier,Monospace;
}
.comments code a,.comments code a:hover,.comments code a:focus {
  color:inherit;
  background:none;
}
.comments i[rel="image"] {
  display:block;
  margin:2px auto;
  width:50px;
  height:50px;
  border:5px solid #222;
  background-color:white;
  font:normal normal 0/0 a;
  color:transparent;
  text-shadow:none;
  overflow:hidden;
  position:relative;
}
.comments iframe.video {
  width:320px;
  max-width:320px;
  height:224px;
  -webkit-box-shadow:0 1px 3px black;
  -moz-box-shadow:0 1px 3px black;
  box-shadow:0 1px 3px black;
  display:block;
  margin:10px auto;
  border:4px solid #444;
  background-position:50% 50%;
}
.comments h4 {
  color:white;
  font-size:116%;
  margin:1.5em 0 1em;
  padding:0;
  letter-spacing:0;
}
.comments .avatar-image-container {
  margin:0 0 3px;
  border:1px solid #3c3c3c;
  padding:4px;
  width:45px;
  height:45px;
  max-width:100%;
  max-height:100%;
  float:none;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  background-color:#666;
  -webkit-background-clip:content-box;
  -moz-background-clip:content-box;
  background-clip:content-box;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}
.comments .avatar-image-container img {
  width:45px;
  height:45px;
  max-width:100%;
  max-height:100%;
  overflow:visible;
  float:none;
}
.comments .avatar-image-container img:hover {opacity:.7;}
.comments .button {color:#ebebeb;}
#cm_block {visibility:hidden;}
.cm_wrap {
  clear:both;
  float:right;
  margin-bottom:4px;
  width:100%;
  position:relative;
}
.cm_head {
  width:58px;
  float:left;
}
.cm_reply a {
  display:block;
  width:auto;
  margin:0 0 1px 3px;
  padding:2px 7px 3px;
  text-transform:none;
  color:white !important;
  background-color:#4861a3;
  background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
  background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
  background-image:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
  background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
  background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.2));
  font:normal normal 10px Tahoma,Verdana,Arial,Sans-Serif;
  -webkit-box-shadow:0 2px 2px black;
  -moz-box-shadow:0 2px 2px black;
  box-shadow:0 2px 2px black;
  -webkit-border-radius:3px 0 0 3px;
  -moz-border-radius:3px 0 0 3px;
  border-radius:3px 0 0 3px;
  -webkit-transition:all .16s ease-in-out;
  -moz-transition:all .16s ease-in-out;
  -ms-transition:all .16s ease-in-out;
  -o-transition:all .16s ease-in-out;
  transition:all .16s ease-in-out;
}
.cm_reply .item-control {display:block;}
.cm_reply a:hover,.cm_reply a:focus,.cm_reply a.clicked {
  color:white;
  margin:0 0 1px -3px;
  padding:2px 10px 3px 7px;
  outline:none;
  text-decoration:none;
}
.cm_reply a:focus,.cm_reply a.clicked {background-color:#890586;}
.cm_reply a:active {
  background-image:-webkit-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-o-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,0));
  outline:none;
}
.cm_entry {
  margin:0 0 0 58px;
  padding:1.26em;
  border:1px solid #3c3c3c;
  background-color:#333;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
  overflow:hidden;
  position:relative;
  -webkit-transition:all 1s ease-out;
  -moz-transition:all 1s ease-out;
  -ms-transition:all 1s ease-out;
  -o-transition:all 1s ease-out;
  transition:all 1s ease-out;
}
.cm_entry .author-mark {
  display:block;
  width:0;
  height:0;
  border:12px solid transparent;
  border-color:transparent #900 #900 transparent;
  position:absolute;
  right:0;
  bottom:0;
}
.cm_entry .cm_info,.cm_entry .para {
  border:1px solid #555;
  background-color:#444;
  padding:.5em .8em;
}
.cm_entry .cm_info {margin-bottom:2px;}
.cm_entry .para {
  clear:both;
  word-wrap:break-word;
}
.cm_name {
  font-weight:bold;
  font-style:normal;
  float:left;
}
.cm_date {
  font-size:84%;
  font-style:italic;
  line-height:1.8;
  color:#888;
  float:right;
}
.cm_entry .para.deleted-by-js {color:#bbb;}
.cm_entry .para.deleted-by-js textarea {
  width:100%;
  height:120px;
  margin:1.7em auto;
}
.cm_pagenavi {
  font-size:10px;
  text-transform:uppercase;
  color:#666;
  font-weight:bold;
}
.cm_pagenavi a {padding:10px;}
.cm_pagenavi span {
  color:#888;
  background-color:#3c3c3c;
  padding:4px;
}
#comment-form {
  clear:both;
  margin:3em 0 0;
  padding:1.6em;
  -webkit-box-shadow:0 1px 5px black;
  -moz-box-shadow:0 1px 5px black;
  box-shadow:0 1px 5px black;
  width:auto;
  max-width:100%;
}
#respond p {font-size:96%;}
#comment-editor {
  width:100%;
  height:270px;
  background:none;
}
#frame-outer {position:relative;}
#cancel-answer {display:none;}
.cm_wrap #comment-form {
  margin:4px 0 0;
  border:1px solid #3c3c3c;
  -webkit-box-shadow:0 1px 2px black;
  -moz-box-shadow:0 1px 2px black;
  box-shadow:0 1px 2px black;
}
.cm_wrap #cancel-answer {display:inline;}
.cm_wrap #comment-form .heads-up {display:none;}
img.emo,input.emo-key {
  position:relative;
  cursor:pointer;
  width:auto;
  vertical-align:middle;
}
input.emo-key {
  background-color:black;
  border:none;
  font-size:12px;
  font-weight:normal;
  color:white;
  margin:0 0 0 5px;
  padding:1px;
}
